<template>
  <div :class="$style.noticeCompPage">
    <div :class="$style.noticeTitle">公告中心</div>
    <div :class="$style.noticeContent">
      最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告，最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告，最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告最新公告。
    </div>
  </div>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "NoticeComp",
  methods: {

  },
});
</script>
<style module>
.noticeCompPage {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 25px 20px;
  overflow-y: auto;
}

.noticeTitle {
  width: 100%;
  font-family: Arial;
  font-size: 30px;
  font-weight: normal;
  color: #000000;
  margin-bottom: 20px;
}

.noticeContent{
  width: 100%;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: normal;
  color: #515A6E;
  line-height: 20px;
  word-break: break-all;
  text-indent: 2em;
}
</style>